<template>
  <div id="app">
    <div
      style="
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      "
    >
      <RotateStyleCtrl>
        <RubikCube />
      </RotateStyleCtrl>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import RubikCube from "@/components/rubikCube.vue";
const { RotateStyleCtrl } = RubikCube;
@Component({
  components: {
    RubikCube,
    RotateStyleCtrl,
  },
})
export default class App extends Vue {}
</script>
